<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-运营日报查询</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
<!-- 按钮 当前位置-->
<div class="g_header_nav">
    <div class="g_header_t">
        <div class="operate-btns">
            <a class="fbtn fb-save">保存</a>
            <a class="fbtn fb-submit">提交</a>
        </div>
    </div>
    <div class="con_breadcrumb">
        <ol class="breadcrumb">
            <li><a href="#">运营日报查询</a></li>
        </ol>
        <h3 class="current_module">运营日报查询</h3>
    </div>
</div>
<!--end  按钮 当前位置-->
<!--end头部-->
<div class="content">
    <!-- 查询区域 start -->
    <div class="top-search">
        <div class="row aline">
            <div class="w-30 plr8 fl">
                <div class="text-input displayflex">
                    <span class="">运营项目</span>
                    <div class="flex1">
                        <input type="text" placeholder="传世云平台天士力项目">
                    </div>
                </div>
            </div>
            <div class="w-30 plr8 fl">
                <div class="text-input displayflex">
                    <span class="">日期</span>
                    <div class="flex1">
                        <input type="text" placeholder="2018-09-07" name="date" action="date">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 查询区域 end -->
    <!-- 现场管理 -->
    <div class="business-info col-md-12">
        <div class="fheader">
            <h4 class="fh-tit fh-write">现场管理</h4>
            <div class="stretch ml-20">
                <div class="stretch-push"></div>
            </div>
        </div>
        <div class="fpart pull1">
            <div class="textarea-box h140">
                <textarea placeholder="必填，描述当日运营过程中的现场管理情况，400字以内"></textarea>
            </div>
        </div>
    </div>
    <!-- 客户反馈 -->
    <div class="business-info col-md-12">
        <div class="fheader">
            <h4 class="fh-tit fh-write">客户反馈</h4>
            <div class="stretch ml-20">
                <div class="stretch-push"></div>
            </div>
        </div>
        <div class="fpart pull1">
            <div class="span-input displayflex mb-20">
                <span>破损</span>
                <div class="textarea-box h80">
                    <textarea placeholder="破损的描述，200字以内"></textarea>
                </div>
            </div>
            <div class="span-input displayflex mb-20">
                <span>服务态度</span>
                <div class="textarea-box h80">
                    <textarea placeholder="服务态度的描述，200字以内"></textarea>
                </div>
            </div>
            <div class="span-input displayflex mb-20">
                <span>质量</span>
                <div class="textarea-box h80">
                    <textarea placeholder="质量情况的描述，200字以内"></textarea>
                </div>
            </div>
        </div>
    </div>
    <!-- 物流问题 -->
    <div class="business-info col-md-12">
        <div class="fheader">
            <h4 class="fh-tit fh-write">物流问题</h4>
            <div class="stretch ml-20">
                <div class="stretch-push"></div>
            </div>
            <div class="stretch-title-btn">
                <a href="javascript:;" class="icon-plus" id="add-company">添加</a>
            </div>
        </div>
        <div class="fpart pull1">

            <div class="business-info">
                <div class="fheader stretch-title">
                    <h4 class="">京东物流有限公司</h4>
                    <div class="stretch">
                        <div class="stretch-push"></div>
                    </div>
                    <div class="stretch-title-btn">
                        <a href="javascript:;" class="icon-plus" id="add-evaluation">添加</a>
                    </div>
                </div>
                <div class="fpart pull1">
                    <div class="daily-problem">
                        <h3>涉药运输情况</h3>
                        <div>
                            <div class="daily-transport">
                                <span>运输资源</span>
                                <div>
                                    <div class="daily-transport-evaluate">
                                        <div class="span-input-in w-30 fl">
                                            <span>评估条目</span>
                                            <input type="text">
                                        </div>
                                        <i class="icon-trash"></i>
                                    </div>
                                    <div class="textarea-box h80">
                                        <textarea placeholder="请输入备注，200字以内"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="daily-transport">
                                <span>运输过程</span>
                                <div>
                                    <div class="daily-transport-evaluate">
                                        <div class="span-input-in w-30 fl">
                                            <span>评估条目</span>
                                            <input type="text">
                                        </div>
                                        <i class="icon-trash"></i>
                                    </div>
                                    <div class="textarea-box h80">
                                        <textarea placeholder="请输入备注，200字以内"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="daily-transport">
                                <span>卫生健康与安全</span>
                                <div>
                                    <div class="daily-transport-evaluate">
                                        <div class="span-input-in w-30 fl">
                                            <span>评估条目</span>
                                            <input type="text">
                                        </div>
                                        <i class="icon-trash"></i>
                                    </div>
                                    <div class="textarea-box h80">
                                        <textarea placeholder="请输入备注，200字以内"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="daily-server daily-problem">
                        <h3>物流服务评价</h3>
                        <div>
                            <div class="displayflex mb-20">
                                <div class="text-select displayflex mr50">
                                    <span class="">提货是否准时</span>
                                    <span class="flex1">
                                        <label class="icon-radio">
                                            <input type="radio" name="ModelClassificationRadio" id="" checked="checked">
                                            <span><i>是</i></span>
                                        </label>
                                        <label class="icon-radio">
                                            <input type="radio" name="ModelClassificationRadio" id="">
                                            <span><i>否</i></span>
                                        </label>
                                    </span>
                                </div>
                                <div class="text-select displayflex mr50">
                                    <span class="">服务态度</span>
                                    <span class="flex1">
                                        <label class="icon-radio">
                                            <input type="radio" name="ModelClassificationRadio" id="" checked="checked">
                                            <span><i>好</i></span>
                                        </label>
                                        <label class="icon-radio">
                                            <input type="radio" name="ModelClassificationRadio" id="">
                                            <span><i>中</i></span>
                                        </label>
                                        <label class="icon-radio">
                                            <input type="radio" name="ModelClassificationRadio" id="">
                                            <span><i>差</i></span>
                                        </label>
                                    </span>
                                </div>
                                <div class="displayflex mr50 span-input">
                                    <span>应回单数</span>
                                    <div class="input-number">
                                        <input type="text" class="font-gray">
                                    </div>
                                    <i>单</i>
                                </div>
                                <div class="displayflex mr50 span-input">
                                    <span>实际回单数</span>
                                    <div class="input-number">
                                        <input type="text" class="font-gray">
                                    </div>
                                    <i>单</i>
                                </div>
                            </div>
                            <div class="displayflex mb-20">
                                <div class="flexitem span-input">
                                    <span>投诉次数</span>
                                    <div class="input-number">
                                        <input type="text" class="font-gray">
                                    </div>
                                    <i>次</i>
                                </div>
                                <div class="flex1 span-textarea">
                                    <span class="flexitem">投诉内容</span>
                                    <div class="textarea h80">
                                        <textarea placeholder="描述投诉细节，200字以内"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="displayflex">
                                <div class="flexitem span-input">
                                    <span>异常签收次数</span>
                                    <div class="input-number">
                                        <input type="text" class="font-gray">
                                    </div>
                                    <i>次</i>
                                </div>
                                <div class="flex1 span-textarea">
                                    <span class="flexitem">异常签收原因</span>
                                    <div class="textarea h80">
                                        <textarea placeholder="描述异常签收原因，200字以内"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="daily-server daily-problem">
                        <h3>其它</h3>
                        <div>
                            <div class="textarea-box h80">
                                <textarea placeholder="描述其它服务情况评价，400字以内"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<footer class="footer">
    <p>
        Copyright © 2015-2017
        <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a>
        深圳传世般若科技有限公司
    </p>
</footer>
<!-- 物流公司 -->
<div id="logistics-company" style="display: none;">
    <div class="layer-search">
        <div class="input-text w-70 fl">
            <input type="text" placeholder="公司名称/简称/首字母">
        </div>
        <div class="search icon-search fr">查询</div>
    </div>
    <div class="layer-content">
        <div class="table-header layer-table-header">
            <table class="table">
                <thead>
                    <tr>
                        <th class="w-10"></th>
                        <th class="w-20">序号</th>
                        <th class="w-70">公司</th>
                    </tr>
                </thead>
            </table>
        </div>
        <div class="table-body layer-table-body" id="scroll_1" style="height: 400px;">
            <table class="table">
                <tbody>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">01</td>
                        <td class="w-70">京东物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">02</td>
                        <td class="w-70">佳吉物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">03</td>
                        <td class="w-70">鑫运物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">01</td>
                        <td class="w-70">京东物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">02</td>
                        <td class="w-70">佳吉物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">03</td>
                        <td class="w-70">鑫运物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">01</td>
                        <td class="w-70">京东物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">02</td>
                        <td class="w-70">佳吉物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">03</td>
                        <td class="w-70">鑫运物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">01</td>
                        <td class="w-70">京东物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">02</td>
                        <td class="w-70">佳吉物流有限公司</td>
                    </tr>
                    <tr>
                        <td class="w-10">
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span></span>
                            </label>
                        </td>
                        <td class="w-20">03</td>
                        <td class="w-70">鑫运物流有限公司</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="layer-btn">
        <a href="">确认</a>
    </div>
</div>
<!-- 涉药评估标准条目 -->
<div id="evaluation-entry" style="display: none;">
    <div class="layer-search">
        <div class="text-input displayflex w-70 fl">
            <span class="">涉药评估分类</span>
            <select class="flex1">
                <option value="">全部</option>
                <option value="">运输资源</option>
                <option value="">运输过程</option>
                <option value="">卫生健康与安全</option>
            </select>
        </div>
        <div class="search icon-search fr">查询</div>
    </div>
    <div class="layer-content">
        <div class="table-header layer-table-header">
            <table class="table">
                <thead>
                <tr>
                    <th class="w-10"></th>
                    <th class="w-20">序号</th>
                    <th class="w-70">公司</th>
                </tr>
                </thead>
            </table>
        </div>
        <div class="table-body layer-table-body" id="scroll_1" style="height: 400px;">
            <table class="table">
                <tbody>
                <tr>
                    <td colspan="3"  class="font-gray tal">
                        <b>运输资源</b>
                    </td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">01</td>
                    <td class="w-70 tal">运输工具选择是否适宜</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">02</td>
                    <td class="w-70 tal">运输车辆是否专车专用</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">03</td>
                    <td class="w-70 tal">运输车辆是否消毒</td>
                </tr>
                <tr>
                    <td colspan="3"  class="font-gray tal">
                        <b>运输过程</b>
                    </td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">04</td>
                    <td class="w-70 tal">承运商是否提供详细物流追溯</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">05</td>
                    <td class="w-70 tal">运输记录是否有保留</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">06</td>
                    <td class="w-70 tal">装车复核记录与实际情况是否保持一致</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">07</td>
                    <td class="w-70 tal">运输配送过程的安全管理是否到位</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">08</td>
                    <td class="w-70 tal">冷链运输实时温控信息及报警预案措施是否执行到位</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">09</td>
                    <td class="w-70 tal">是否可以进行冷链温控数据及定位数据追溯</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">10</td>
                    <td class="w-70 tal">中转接驳是否满足GSP规范</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">11</td>
                    <td class="w-70 tal">中转信息是否录入了系统</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">12</td>
                    <td class="w-70 tal">冷链药品中转是否划分了专区处理</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">13</td>
                    <td class="w-70 tal">冷链药品是否全程记录温控数据</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">14</td>
                    <td class="w-70 tal">送货签收资料是否完整</td>
                </tr>
                <tr>
                    <td colspan="3"  class="font-gray tal">
                        <b>卫生健康与安全</b>
                    </td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">15</td>
                    <td class="w-70 tal">冷链包材是否可以循环使用</td>
                </tr>
                <tr>
                    <td class="w-10">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span></span>
                        </label>
                    </td>
                    <td class="w-20">16</td>
                    <td class="w-70 tal">是否采取了预防性虫害控制措施</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="layer-btn">
        <a href="">确认</a>
    </div>
</div>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/underscore-min.js"></script>
<script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
<script type="text/javascript" src="lib/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/bootstrap-table.js"></script>
<script type="text/javascript" src="lib/jquery.validate.min.js"></script>
<script type="text/javascript" src="lib/city-picker.js"></script>
<script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
<script type="text/javascript" src="lib/echarts-all.js"></script>
<script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
<script type="text/javascript" src="lib/zUI.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/validate-demo.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/cy.js"></script>
<script>
    $('#add-company').on('click', function () {
        app.layeropen({
            type: 1,
            area: ['452px', '640px'],
            title: '物流公司',
            skin: 'popup-btn layui-content',
            content: $('#logistics-company').html()
        })
    });
    $('#add-evaluation').on('click', function () {
        app.layeropen({
            type: 1,
            area: ['630px', '640px'],
            title: '涉药评估标准条目',
            skin: 'popup-btn layui-content',
            content: $('#evaluation-entry').html()
        })
    })
</script>
</body>

</html>